<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/shop_comm.css">
    <link rel="stylesheet" type="text/css" href="./classfiy_manage.css">
    <title>分类管理</title>
</head>

<body>
    <div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">分类管理</span>
      	</div>
  	</div>
  	<div class="container top-container">
  		<ul class="classfiy-mge-list">
  			<li v-for="item in list">
  				<h2>{{item.name}}</h2>
  				<p>共1件商品</p>
  				<div v-if="isEdit">
  					<a href="javascript:void(0);" @click="classfiyMod" :data-id="item.id"><img src="../../../image/shop/buy/buy-38.png"/></a>
  					<a href="javascript:void(0);" @click="classfiyDel" :data-id="item.id"><img src="../../../image/shop/buy/buy-41.png"/></a>
  				</div>
  			</li>
  		</ul>
  		<div class="classfiy-mge-btn acitve" v-if="isEdit">
  			<a href="javascript:void(0);" @click="classfiyCancel">取消</a>
  			<a href="javascript:void(0);" @click="classfiyComplete">完成</a>
  		</div>
  		<div class="shop_footer" v-else>
	  		<a href="javascript:void(0);" class="" @click="classfiyNew"><img src="../../../image/shop/buy/buy-36.png"/>新建分类</a>
	  		<a href="javascript:void(0);" class="" @click="classfiyEdit"><img src="../../../image/shop/buy/buy-34.png"/>编辑分类</a>
	  	</div>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./classfiyManage.js"></script>
</html>
